<template>
  <div class="mylogo">
    <router-link :to="{name:'dashboard'}">
      <img alt="logo" src="~@/assets/logo/logo-co.png" />
      <!-- <h1 v-if="showTitle">{{ title }}</h1> -->
      <img v-if="showTitle" src="~@/assets/logo/logo-all-name.png" />
    </router-link>
  </div>
</template>

<script>

export default {
  name: 'Logo',
  props: {
    title: {
      type: String,
      default: 'Archives Admin',
      required: false
    },
    showTitle: {
      type: Boolean,
      default: true,
      required: false
    }
  }
}
</script>

<style lang="less" scoped>
  .mylogo {
    position: relative;
    height: 64px;
    padding-left: 10px;
    overflow: hidden;
    line-height: 64px;
    // background: #002140;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
</style>
